<template>
    <div class="dataScreen-container">
        <div class="main-content">
            <div class="header-part">
                <div class="left-h">
                    <span class="left-title">首页</span>
                </div>
                <div class="center-h">
                    <div class="center-title">
                        <span>智慧旅游可视化大数据展示平台</span>
                    </div>
                </div>
                <div class="right-h">
                    <span class="right-title">统计报告</span>
                    <span class="right-time">当前时间:{{currnetTime}}</span>
                </div>
            </div>
            <div class="main-part">
                <div class="left-m"></div>
                <div class="center-m"></div>
                <div class="right-m"></div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts" name="dataScreen">
import {useTime} from '@/hooks/useTime'

const currnetTime = ref('')
let timer: any = null;
onMounted(() => {
    timer = setInterval(() => {
        currnetTime.value = useTime().nowTime.value
    },1000)
})

onUnmounted(() => {
    clearInterval(timer)
})
</script>

<style scoped lang="scss">
@import "./index.scss"
</style>